<!--
 * @Author: Leo.wang wanglizhigs@163.com
 * @Date: 2024-01-08 18:35:52
 * @LastEditors: Leo.wang wanglizhigs@163.com
 * @LastEditTime: 2024-01-26 21:36:08
 * @FilePath: /tuberculosis_screening_app/src/modules/patient/src/print.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="page p_default section pitch_default">
    <van-form
      @submit="onSubmit"
      class="row card section pitch_sm last-pitch_clear"
    >
      <p class="row t_center"><strong>痰检二维码</strong></p>
      <div class="row t_center">
        <van-image
          height="10rem"
          fit="contain"
          src="./public/images/rqcode.png"
        />
      </div>
      <PatientCardSimple class="row p_unset"></PatientCardSimple>
      <van-field
        class="row p_unset background_unset"
        name="stepper"
        label="打印数量"
        input-align="right"
      >
        <template #input>
          <van-stepper v-model="value" />
        </template>
      </van-field>
      <div class="row m_unset">
        <van-button block type="primary" native-type="submit">
          打印
        </van-button>
      </div>
    </van-form>

    <van-form
      @submit="onSubmit"
      class="row card section pitch_sm last-pitch_clear"
    >
      <p class="row t_center"><strong>患者基本信息</strong></p>
      <div class="row t_center">
        <van-image
          height="10rem"
          fit="contain"
          src="./public/images/rqcode.png"
        />
      </div>
      <PatientCardSimple class="row p_unset"></PatientCardSimple>
      <van-field
        class="row p_unset background_unset"
        name="stepper"
        label="打印数量"
        input-align="right"
      >
        <template #input>
          <van-stepper v-model="value" />
        </template>
      </van-field>
      <div class="row m_unset">
        <van-button block type="primary" native-type="submit">
          打印
        </van-button>
      </div>
    </van-form>
  </div>
</template>

<script>
import { defineComponent, ref } from 'vue';
import PatientCardSimple from '@/components/common/PatientCardSimple.vue';

export default defineComponent({
  name: 'Center',
  components: {
    PatientCardSimple,
  },
  setup() {
    return {};
  },
});
</script>

<style lang="scss">
@import '@/styles/variables.scss';
.card {
  background: rgb(242, 250, 253);
  padding: map-get($spaces, default);
  border-radius: map-get($radii, default);
}


</style>

